
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en-US" xml:lang="en-US">
<head>
<title>yeast SNPs modified</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
</head>
<body>
<script type="text/javascript" src="./protovis-r3.2.js"></script>
<script type="text/javascript" src="./yeastkaryo.js"></script>

<script type="text/javascript+protovis">
var sacCer2overview = new pv.Panel().width(1200).height(900).fillStyle("#fff");
	

function checkMe(d, index, chr){
	alert("selected-range " + d[0] + " index " + index + " chr " + chr );
	return true;
}

//chromosome panels and labels
var chr3 = sacCer2overview.add(pv.Panel).top(236).right(20).width(190).height(98).fillStyle("#fff").event("mouseover", function() this.strokeStyle("black")).event("click", function() this.strokeStyle("red")).event("mouseout", function() this.strokeStyle(undefined));
chr3.anchor("right").add(pv.Label).text("3").font("20px").textAlign("left");
var chr12 = sacCer2overview.add(pv.Panel).top(344).left(20).width(647).height(98).fillStyle("#fff").event("mouseover", function() this.strokeStyle("black")).event("click", function() this.strokeStyle("red")).event("mouseout", function() this.strokeStyle(undefined));
chr12.anchor("left").add(pv.Label).text("12").font("20px").textAlign("right");
var chr15 = sacCer2overview.add(pv.Panel).top(128).left(20).width(655).height(98).fillStyle("#fff").event("mouseover", function() this.strokeStyle("black")).event("click", function() this.strokeStyle("red")).event("mouseout", function() this.strokeStyle(undefined));
chr15.anchor("left").add(pv.Label).text("15").font("20px").textAlign("right");


var chr4 = sacCer2overview.add(pv.Panel).top(20).left(20).width(919).height(98).fillStyle("#fff").event("mouseover", function() this.strokeStyle("black")).event("click", function() this.strokeStyle("red")).event("mouseout", function() this.strokeStyle(undefined));
chr4.anchor("left").add(pv.Label).text("4").font("20px").textAlign("right");
var chr2 = sacCer2overview.add(pv.Panel).top(668).left(20).width(488).height(98).fillStyle("#fff").event("mouseover", function() this.strokeStyle("black")).event("click", function() this.strokeStyle("red")).event("mouseout", function() this.strokeStyle(undefined));
chr2.anchor("left").add(pv.Label).text("2").font("20px").textAlign("right");
var chr9 = sacCer2overview.add(pv.Panel).top(344).right(20).width(264).height(98).fillStyle("#fff").event("mouseover", function() this.strokeStyle("black")).event("click", function() this.strokeStyle("red")).event("mouseout", function() this.strokeStyle(undefined));
chr9.anchor("right").add(pv.Label).text("9").font("20px").textAlign("left");
var chr14 = sacCer2overview.add(pv.Panel).top(776).left(20).width(471).height(98).fillStyle("#fff").event("mouseover", function() this.strokeStyle("black")).event("click", function() this.strokeStyle("red")).event("mouseout", function() this.strokeStyle(undefined));
chr14.anchor("left").add(pv.Label).text("14").font("20px").textAlign("right");
var chr8 = sacCer2overview.add(pv.Panel).top(452).right(20).width(338).height(98).fillStyle("#fff").event("mouseover", function() this.strokeStyle("black")).event("click", function() this.strokeStyle("red")).event("mouseout", function() this.strokeStyle(undefined));
chr8.anchor("right").add(pv.Label).text("8").font("20px").textAlign("left");
var chr1 = sacCer2overview.add(pv.Panel).top(20).right(20).width(139).height(98).fillStyle("#fff").event("mouseover", function() this.strokeStyle("black")).event("click", function() this.strokeStyle("red")).event("mouseout", function() this.strokeStyle(undefined));
chr1.anchor("right").add(pv.Label).text("1").font("20px").textAlign("left");
var chr13 = sacCer2overview.add(pv.Panel).top(560).left(20).width(555).height(98).fillStyle("#fff").event("mouseover", function() this.strokeStyle("black")).event("click", function() this.strokeStyle("red")).event("mouseout", function() this.strokeStyle(undefined));
chr13.anchor("left").add(pv.Label).text("13").font("20px").textAlign("right");
var chr6 = sacCer2overview.add(pv.Panel).top(128).right(20).width(163).height(98).fillStyle("#fff").event("mouseover", function() this.strokeStyle("black")).event("click", function() this.strokeStyle("red")).event("mouseout", function() this.strokeStyle(undefined));
chr6.anchor("right").add(pv.Label).text("6").font("20px").textAlign("left");
var chr11 = sacCer2overview.add(pv.Panel).top(668).right(20).width(400).height(98).fillStyle("#fff").event("mouseover", function() this.strokeStyle("black")).event("click", function() this.strokeStyle("red")).event("mouseout", function() this.strokeStyle(undefined));
chr11.anchor("right").add(pv.Label).text("11").font("20px").textAlign("left");
var chr10 = sacCer2overview.add(pv.Panel).top(776).right(20).width(448).height(98).fillStyle("#fff").event("mouseover", function() this.strokeStyle("black")).event("click", function() this.strokeStyle("red")).event("mouseout", function() this.strokeStyle(undefined));
chr10.anchor("right").add(pv.Label).text("10").font("20px").textAlign("left");
var chr5 = sacCer2overview.add(pv.Panel).top(560).right(20).width(347).height(98).fillStyle("#fff").event("mouseover", function() this.strokeStyle("black")).event("click", function() this.strokeStyle("red")).event("mouseout", function() this.strokeStyle(undefined));
chr5.anchor("right").add(pv.Label).text("5").font("20px").textAlign("left");
var chr16 = sacCer2overview.add(pv.Panel).top(452).left(20).width(569).height(98).fillStyle("#fff").event("mouseover", function() this.strokeStyle("black")).event("click", function() this.strokeStyle("red")).event("mouseout", function() this.strokeStyle(undefined));
chr16.anchor("left").add(pv.Label).text("16").font("20px").textAlign("right");
var s = 1667;
var b = 14.7;
var h = 11.4333333333333333;


var chr7 = sacCer2overview.add(pv.Panel)
.def("xactive",-1)
.def("i",-1)
.top(236).left(20).width(655).height(98).fillStyle("#fff");
chr7.anchor("left").add(pv.Label).text("7").font("20px").textAlign("right");

/*
var i = 0;
//for (i = 0; i<karyodata.length; i++){
	//alert(karyodata[i].name);
chr7.add(pv.Panel)
.cursor("crosshair")
.bottom(function() b+0*h).height(h).add(pv.Panel).data(chr7_list.chr7_0)
.anchor("left").add(pv.Label).text(karyodata[0].name).font("20px").textAlign("right")
.add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle", "blue").def("fillStyle", function(d) d[2])
	.event("mousedown", pv.Behavior.select())
	.event("select", function(d){ 
	chr7.xactive(1);
	//chr7.clr("red");
	//var a = d; checkMe(a, this.index, karyodata[0].name);
	});

chr7.add(pv.Panel)
.cursor("crosshair")
.bottom(function() b+2*h).height(h).add(pv.Panel).data(karyodata[2].values)
.anchor("left").add(pv.Label).text(karyodata[2].name).font("20px").textAlign("right")
.add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle", "blue").def("fillStyle", function(d) d[2])
	.event("mousedown", pv.Behavior.select())
	.event("select", function(d){ 
	chr7.xactive(1);
	//chr7.clr("red");
	//var a = d; checkMe(a, this.index, karyodata[0].name);
	});
	
chr7.add(pv.Panel)
.cursor("crosshair")
.bottom(function() b+3*h).height(h).add(pv.Panel).data(karyodata[3].values)
.anchor("left").add(pv.Label).text(karyodata[3].name).font("20px").textAlign("right")
.add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle", "blue").def("fillStyle", function(d) d[2])
	.event("mousedown", pv.Behavior.select())
	.event("select", function(d){ 
	chr7.xactive(1);
	//chr7.clr("red");
	//var a = d; checkMe(a, this.index, karyodata[0].name);
	});	
*/

chr4.add(pv.Panel).bottom(function() b+0*h).height(h).add(pv.Panel).data(chr4_list.chr4_0)
.add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle", 
function(d) d[2] || "blue").def("fillStyle", function(d) d[2] || "blue");
chr4.add(pv.Panel).bottom(function() b+1*h).height(h).add(pv.Panel).data(chr4_list.chr4_1)
.add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle", 
function(d) d[2] || "blue").def("fillStyle", function(d) d[2] || "blue");	
chr4.add(pv.Panel).bottom(function() b+2*h).height(h).add(pv.Panel).data(chr4_list.chr4_2)
.add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle", 
function(d) d[2] || "blue").def("fillStyle", function(d) d[2] || "blue");	
chr4.add(pv.Panel).bottom(function() b+3*h).height(h).add(pv.Panel).data(chr4_list.chr4_3)
.add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle", 
function(d) d[2] || "blue").def("fillStyle", function(d) d[2] || "blue");	
chr4.add(pv.Panel).bottom(function() b+4*h).height(h).add(pv.Panel).data(chr4_list.chr4_4)
.add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle", 
function(d) d[2] || "blue").def("fillStyle", function(d) d[2] || "blue");	
chr4.add(pv.Panel).bottom(function() b+5*h).height(h).add(pv.Panel).data(chr4_list.chr4_5)
.add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle", 
function(d) d[2] || "blue").def("fillStyle", function(d) d[2] || "blue");	

chr15.add(pv.Panel).bottom(function() b+0*h).height(h).add(pv.Panel).data(chr15_list.chr15_0)
.add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle", function(d) d[2] || "blue").def("fillStyle", function(d) d[2] || "blue");
chr15.add(pv.Panel).bottom(function() b+1*h).height(h).add(pv.Panel).data(chr15_list.chr15_1)
.add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle", function(d) d[2] || "blue").def("fillStyle", function(d) d[2] || "blue");
chr15.add(pv.Panel).bottom(function() b+2*h).height(h).add(pv.Panel).data(chr15_list.chr15_2)
.add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle", function(d) d[2] || "blue").def("fillStyle", function(d) d[2] || "blue");
chr15.add(pv.Panel).bottom(function() b+3*h).height(h).add(pv.Panel).data(chr15_list.chr15_3)
.add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle", function(d) d[2] || "blue").def("fillStyle", function(d) d[2] || "blue");
chr15.add(pv.Panel).bottom(function() b+4*h).height(h).add(pv.Panel).data(chr15_list.chr15_4)
.add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle", function(d) d[2] || "blue").def("fillStyle", function(d) d[2] || "blue");
chr15.add(pv.Panel).bottom(function() b+5*h).height(h).add(pv.Panel).data(chr15_list.chr15_5)
.add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle", function(d) d[2] || "blue").def("fillStyle", function(d) d[2] || "blue");

chr7.add(pv.Panel).bottom(function() b+0*h).height(h).add(pv.Panel).data(chr7_list.chr7_0).add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle", function(d) d[2] || "blue").def("fillStyle", function(d) d[2] || "blue");
chr7.add(pv.Panel).bottom(function() b+1*h).height(h).add(pv.Panel).data(chr7_list.chr7_1).add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle", function(d) d[2] || "blue").def("fillStyle", function(d) d[2] || "blue");
chr7.add(pv.Panel).bottom(function() b+2*h).height(h).add(pv.Panel).data(chr7_list.chr7_2).add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle", function(d) d[2] || "blue").def("fillStyle", function(d) d[2] || "blue");
chr7.add(pv.Panel).bottom(function() b+3*h).height(h).add(pv.Panel).data(chr7_list.chr7_3).add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle", function(d) d[2] || "blue").def("fillStyle", function(d) d[2] || "blue");
chr7.add(pv.Panel).bottom(function() b+4*h).height(h).add(pv.Panel).data(chr7_list.chr7_4).add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle", function(d) d[2] || "blue").def("fillStyle", function(d) d[2] || "blue");
chr7.add(pv.Panel).bottom(function() b+5*h).height(h).add(pv.Panel).data(chr7_list.chr7_5).add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle", function(d) d[2] || "blue").def("fillStyle", function(d) d[2] || "blue");

chr12.add(pv.Panel).bottom(function() b+0*h).height(h).add(pv.Panel).data(chr12_list.d0).add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle", function(d) d[2] || "blue").def("fillStyle", function(d) d[2] || "blue");
chr12.add(pv.Panel).bottom(function() b+1*h).height(h).add(pv.Panel).data(chr12_list.d1).add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle", function(d)  d[2] || "blue").def("fillStyle", function(d) d[2] || "blue");
chr12.add(pv.Panel).bottom(function() b+2*h).height(h).add(pv.Panel).data(chr12_list.d2).add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle", function(d)  d[2] || "blue").def("fillStyle", function(d) d[2] || "blue");
chr12.add(pv.Panel).bottom(function() b+3*h).height(h).add(pv.Panel).data(chr12_list.d3).add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle", function(d)  d[2] || "blue").def("fillStyle", function(d) d[2] || "blue");
chr12.add(pv.Panel).bottom(function() b+4*h).height(h).add(pv.Panel).data(chr12_list.d4).add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle", function(d)  d[2] || "blue").def("fillStyle", function(d) d[2] || "blue");
chr12.add(pv.Panel).bottom(function() b+5*h).height(h).add(pv.Panel).data(chr12_list.d5).add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle", function(d)  d[2] || "blue").def("fillStyle", function(d) d[2] || "blue");

chr16.add(pv.Panel).bottom(function() b+0*h).height(h).add(pv.Panel).data(chr16_list.d0).add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle", function(d) d[2] || "blue").def("fillStyle", function(d) d[2] || "blue");
chr16.add(pv.Panel).bottom(function() b+1*h).height(h).add(pv.Panel).data(chr16_list.d1).add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle", function(d) d[2] || "blue").def("fillStyle", function(d) d[2] || "blue");
chr16.add(pv.Panel).bottom(function() b+2*h).height(h).add(pv.Panel).data(chr16_list.d2).add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle", function(d) d[2] || "blue").def("fillStyle", function(d) d[2] || "blue");
chr16.add(pv.Panel).bottom(function() b+3*h).height(h).add(pv.Panel).data(chr16_list.d3).add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle", function(d) d[2] || "blue").def("fillStyle", function(d) d[2] || "blue");
chr16.add(pv.Panel).bottom(function() b+4*h).height(h).add(pv.Panel).data(chr16_list.d4).add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle", function(d) d[2] || "blue").def("fillStyle", function(d) d[2] || "blue");
chr16.add(pv.Panel).bottom(function() b+5*h).height(h).add(pv.Panel).data(chr16_list.d5).add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle", function(d) d[2] || "blue").def("fillStyle", function(d) d[2] || "blue");

chr13.add(pv.Panel).bottom(function() b+0*h).height(h).add(pv.Panel).data(chr13_list.d0).add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle", function(d) d[2] || "blue").def("fillStyle", function(d) d[2] || "blue");
chr13.add(pv.Panel).bottom(function() b+1*h).height(h).add(pv.Panel).data(chr13_list.d1).add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle", function(d) d[2] || "blue").def("fillStyle", function(d) d[2] || "blue");
chr13.add(pv.Panel).bottom(function() b+2*h).height(h).add(pv.Panel).data(chr13_list.d2).add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle", function(d) d[2] || "blue").def("fillStyle", function(d) d[2] || "blue");
chr13.add(pv.Panel).bottom(function() b+3*h).height(h).add(pv.Panel).data(chr13_list.d3).add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle", function(d) d[2] || "blue").def("fillStyle", function(d) d[2] || "blue");
chr13.add(pv.Panel).bottom(function() b+4*h).height(h).add(pv.Panel).data(chr13_list.d4).add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle", function(d) d[2] || "blue").def("fillStyle", function(d) d[2] || "blue");
chr13.add(pv.Panel).bottom(function() b+5*h).height(h).add(pv.Panel).data(chr13_list.d5).add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle", function(d) d[2] || "blue").def("fillStyle", function(d) d[2] || "blue");

chr2.add(pv.Panel).bottom(function() b+0*h).height(h).add(pv.Panel).data(chr2_list.d0).add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle", function(d) d[2] || "blue").def("fillStyle", function(d) d[2] || "blue");
chr2.add(pv.Panel).bottom(function() b+1*h).height(h).add(pv.Panel).data(chr2_list.d1).add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle", function(d) d[2] || "blue").def("fillStyle", function(d) d[2] || "blue");
chr2.add(pv.Panel).bottom(function() b+2*h).height(h).add(pv.Panel).data(chr2_list.d2).add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle", function(d) d[2] || "blue").def("fillStyle", function(d) d[2] || "blue");
chr2.add(pv.Panel).bottom(function() b+3*h).height(h).add(pv.Panel).data(chr2_list.d3).add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle", function(d) d[2] || "blue").def("fillStyle", function(d) d[2] || "blue");
chr2.add(pv.Panel).bottom(function() b+4*h).height(h).add(pv.Panel).data(chr2_list.d4).add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle", function(d) d[2] || "blue").def("fillStyle", function(d) d[2] || "blue");
chr2.add(pv.Panel).bottom(function() b+5*h).height(h).add(pv.Panel).data(chr2_list.d5).add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle", function(d) d[2] || "blue").def("fillStyle", function(d) d[2] || "blue");

chr14.add(pv.Panel).bottom(function() b+0*h).height(h).add(pv.Panel).data(chr2_list.d0).add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle", function(d) d[2] || "blue").def("fillStyle", function(d) d[2] || "blue");
chr14.add(pv.Panel).bottom(function() b+1*h).height(h).add(pv.Panel).data(chr2_list.d1).add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle", function(d) d[2] || "blue").def("fillStyle", function(d) d[2] || "blue");
chr14.add(pv.Panel).bottom(function() b+2*h).height(h).add(pv.Panel).data(chr2_list.d2).add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle", function(d) d[2] || "blue").def("fillStyle", function(d) d[2] || "blue");
chr14.add(pv.Panel).bottom(function() b+3*h).height(h).add(pv.Panel).data(chr2_list.d3).add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle", function(d) d[2] || "blue").def("fillStyle", function(d) d[2] || "blue");
chr14.add(pv.Panel).bottom(function() b+4*h).height(h).add(pv.Panel).data(chr2_list.d4).add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle", function(d) d[2] || "blue").def("fillStyle", function(d) d[2] || "blue");
chr14.add(pv.Panel).bottom(function() b+5*h).height(h).add(pv.Panel).data(chr2_list.d5).add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle", function(d) d[2] || "blue").def("fillStyle", function(d) d[2] || "blue");
//right side
chr1.add(pv.Panel).bottom(function() b+0*h).height(h).add(pv.Panel).data(chr1_list.d0).add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle", function(d) d[2] || "blue").def("fillStyle", function(d) d[2] || "blue");
chr1.add(pv.Panel).bottom(function() b+1*h).height(h).add(pv.Panel).data(chr1_list.d1).add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle", function(d) d[2] || "blue").def("fillStyle", function(d) d[2] || "blue");
chr1.add(pv.Panel).bottom(function() b+2*h).height(h).add(pv.Panel).data(chr1_list.d2).add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle", function(d) d[2] || "blue").def("fillStyle", function(d) d[2] || "blue");
chr1.add(pv.Panel).bottom(function() b+3*h).height(h).add(pv.Panel).data(chr1_list.d3).add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle", function(d) d[2] || "blue").def("fillStyle", function(d) d[2] || "blue");
chr1.add(pv.Panel).bottom(function() b+4*h).height(h).add(pv.Panel).data(chr1_list.d4).add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle", function(d) d[2] || "blue").def("fillStyle", function(d) d[2] || "blue");
chr1.add(pv.Panel).bottom(function() b+5*h).height(h).add(pv.Panel).data(chr1_list.d5).add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle", function(d) d[2] || "blue").def("fillStyle", function(d) d[2] || "blue");

chr6.add(pv.Panel).bottom(function() b+0*h).height(h).add(pv.Panel).data(chr6_list.d0).add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle", function(d) d[2] || "blue").def("fillStyle", function(d) d[2] || "blue");
chr6.add(pv.Panel).bottom(function() b+1*h).height(h).add(pv.Panel).data(chr6_list.d1).add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle", function(d) d[2] || "blue").def("fillStyle", function(d) d[2] || "blue");
chr6.add(pv.Panel).bottom(function() b+2*h).height(h).add(pv.Panel).data(chr6_list.d2).add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle", function(d) d[2] || "blue").def("fillStyle", function(d) d[2] || "blue");
chr6.add(pv.Panel).bottom(function() b+3*h).height(h).add(pv.Panel).data(chr6_list.d3).add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle", function(d) d[2] || "blue").def("fillStyle", function(d) d[2] || "blue");
chr6.add(pv.Panel).bottom(function() b+4*h).height(h).add(pv.Panel).data(chr6_list.d4).add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle", function(d) d[2] || "blue").def("fillStyle", function(d) d[2] || "blue");
chr6.add(pv.Panel).bottom(function() b+5*h).height(h).add(pv.Panel).data(chr6_list.d5).add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle", function(d) d[2] || "blue").def("fillStyle", function(d) d[2] || "blue");

chr3.add(pv.Panel).bottom(function() b+0*h).height(h).add(pv.Panel).data(chr3_list.d0).add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle", function(d) d[2] || "blue").def("fillStyle", function(d) d[2] || "blue");
chr3.add(pv.Panel).bottom(function() b+1*h).height(h).add(pv.Panel).data(chr3_list.d1).add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle", function(d) d[2] || "blue").def("fillStyle", function(d) d[2] || "blue");
chr3.add(pv.Panel).bottom(function() b+2*h).height(h).add(pv.Panel).data(chr3_list.d2).add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle", function(d) d[2] || "blue").def("fillStyle", function(d) d[2] || "blue");
chr3.add(pv.Panel).bottom(function() b+3*h).height(h).add(pv.Panel).data(chr3_list.d3).add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle", function(d) d[2] || "blue").def("fillStyle", function(d) d[2] || "blue");
chr3.add(pv.Panel).bottom(function() b+4*h).height(h).add(pv.Panel).data(chr3_list.d4).add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle", function(d) d[2] || "blue").def("fillStyle", function(d) d[2] || "blue");
chr3.add(pv.Panel).bottom(function() b+5*h).height(h).add(pv.Panel).data(chr3_list.d5).add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle", function(d) d[2] || "blue").def("fillStyle", function(d) d[2] || "blue");

chr9.add(pv.Panel).bottom(function() b+0*h).height(h).add(pv.Panel).data(chr9_list.d0).add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle", function(d) d[2] || "blue").def("fillStyle", function(d) d[2] || "blue");
chr9.add(pv.Panel).bottom(function() b+1*h).height(h).add(pv.Panel).data(chr9_list.d1).add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle", function(d) d[2] || "blue").def("fillStyle", function(d) d[2] || "blue");
chr9.add(pv.Panel).bottom(function() b+2*h).height(h).add(pv.Panel).data(chr9_list.d2).add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle", function(d) d[2] || "blue").def("fillStyle", function(d) d[2] || "blue");
chr9.add(pv.Panel).bottom(function() b+3*h).height(h).add(pv.Panel).data(chr9_list.d3).add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle", function(d) d[2] || "blue").def("fillStyle", function(d) d[2] || "blue");
chr9.add(pv.Panel).bottom(function() b+4*h).height(h).add(pv.Panel).data(chr9_list.d4).add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle", function(d) d[2] || "blue").def("fillStyle", function(d) d[2] || "blue");
chr9.add(pv.Panel).bottom(function() b+5*h).height(h).add(pv.Panel).data(chr9_list.d5).add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle", function(d) d[2] || "blue").def("fillStyle", function(d) d[2] || "blue");

chr8.add(pv.Panel).bottom(function() b+0*h).height(h).add(pv.Panel).data(chr8_list.d0).add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle", function(d) d[2] || "blue").def("fillStyle", function(d) d[2] || "blue");
chr8.add(pv.Panel).bottom(function() b+1*h).height(h).add(pv.Panel).data(chr8_list.d1).add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle", function(d) d[2] || "blue").def("fillStyle", function(d) d[2] || "blue");
chr8.add(pv.Panel).bottom(function() b+2*h).height(h).add(pv.Panel).data(chr8_list.d2).add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle", function(d) d[2] || "blue").def("fillStyle", function(d) d[2] || "blue");
chr8.add(pv.Panel).bottom(function() b+3*h).height(h).add(pv.Panel).data(chr8_list.d3).add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle", function(d) d[2] || "blue").def("fillStyle", function(d) d[2] || "blue");
chr8.add(pv.Panel).bottom(function() b+4*h).height(h).add(pv.Panel).data(chr8_list.d4).add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle", function(d) d[2] || "blue").def("fillStyle", function(d) d[2] || "blue");
chr8.add(pv.Panel).bottom(function() b+5*h).height(h).add(pv.Panel).data(chr8_list.d5).add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle", function(d) d[2] || "blue").def("fillStyle", function(d) d[2] || "blue");

chr5.add(pv.Panel).bottom(function() b+0*h).height(h).add(pv.Panel).data(chr5_list.d0).add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle", function(d) d[2] || "blue").def("fillStyle", function(d) d[2] || "blue");
chr5.add(pv.Panel).bottom(function() b+1*h).height(h).add(pv.Panel).data(chr5_list.d1).add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle", function(d) d[2] || "blue").def("fillStyle", function(d) d[2] || "blue");
chr5.add(pv.Panel).bottom(function() b+2*h).height(h).add(pv.Panel).data(chr5_list.d2).add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle", function(d) d[2] || "blue").def("fillStyle", function(d) d[2] || "blue");
chr5.add(pv.Panel).bottom(function() b+3*h).height(h).add(pv.Panel).data(chr5_list.d3).add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle", function(d) d[2] || "blue").def("fillStyle", function(d) d[2] || "blue");
chr5.add(pv.Panel).bottom(function() b+4*h).height(h).add(pv.Panel).data(chr5_list.d4).add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle", function(d) d[2] || "blue").def("fillStyle", function(d) d[2] || "blue");
chr5.add(pv.Panel).bottom(function() b+5*h).height(h).add(pv.Panel).data(chr5_list.d5).add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle", function(d) d[2] || "blue").def("fillStyle", function(d) d[2] || "blue");

chr11.add(pv.Panel).bottom(function() b+0*h).height(h).add(pv.Panel).data(chr11_list.d0).add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle", function(d) d[2] || "blue").def("fillStyle", function(d) d[2] || "blue");
chr11.add(pv.Panel).bottom(function() b+1*h).height(h).add(pv.Panel).data(chr11_list.d1).add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle", function(d) d[2] || "blue").def("fillStyle", function(d) d[2] || "blue");
chr11.add(pv.Panel).bottom(function() b+2*h).height(h).add(pv.Panel).data(chr11_list.d2).add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle", function(d) d[2] || "blue").def("fillStyle", function(d) d[2] || "blue");
chr11.add(pv.Panel).bottom(function() b+3*h).height(h).add(pv.Panel).data(chr11_list.d3).add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle", function(d) d[2] || "blue").def("fillStyle", function(d) d[2] || "blue");
chr11.add(pv.Panel).bottom(function() b+4*h).height(h).add(pv.Panel).data(chr11_list.d4).add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle", function(d) d[2] || "blue").def("fillStyle", function(d) d[2] || "blue");
chr11.add(pv.Panel).bottom(function() b+5*h).height(h).add(pv.Panel).data(chr11_list.d5).add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle", function(d) d[2] || "blue").def("fillStyle", function(d) d[2] || "blue");

chr10.add(pv.Panel).bottom(function() b+0*h).height(h).add(pv.Panel).data(chr10_list.d0).add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle", function(d) d[2] || "blue").def("fillStyle", function(d) d[2] || "blue");
chr10.add(pv.Panel).bottom(function() b+1*h).height(h).add(pv.Panel).data(chr10_list.d1).add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle", function(d) d[2] || "blue").def("fillStyle", function(d) d[2] || "blue");
chr10.add(pv.Panel).bottom(function() b+2*h).height(h).add(pv.Panel).data(chr10_list.d2).add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle", function(d) d[2] || "blue").def("fillStyle", function(d) d[2] || "blue");
chr10.add(pv.Panel).bottom(function() b+3*h).height(h).add(pv.Panel).data(chr10_list.d3).add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle", function(d) d[2] || "blue").def("fillStyle", function(d) d[2] || "blue");
chr10.add(pv.Panel).bottom(function() b+4*h).height(h).add(pv.Panel).data(chr10_list.d4).add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle", function(d) d[2] || "blue").def("fillStyle", function(d) d[2] || "blue");
chr10.add(pv.Panel).bottom(function() b+5*h).height(h).add(pv.Panel).data(chr10_list.d5).add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle", function(d) d[2] || "blue").def("fillStyle", function(d) d[2] || "blue");

 /*   
chr7.add(pv.Panel).bottom(function() b+2*h).height(h).add(pv.Panel).data(karyodata[1].values)
.add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s)
.def("strokeStyle", function(d) d[2] || "blue").def("fillStyle", function(d) d[2] || "blue")
.event("mouseover", function() {this.index++;})
.event("mouseout", function() {chr7.i(-1);})
.event("mousedown", pv.Behavior.select())
.event("select", function(d){
	//chr7.add(pv.Dot).left(20).top(220).anchor("right").add(pv.Label).text(function(d) "dotD");
	chr7.xactive(1);
	//chr7.clr("red");
	//var a = d; 
	//checkMe(a, this.index);
	});

chr7.add(pv.Panel).bottom(function() b+5*h).height(h).add(pv.Panel).data(karyodata[2].values)
.add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s)
.def("strokeStyle", function(d) d[2] || "blue").def("fillStyle", function(d) d[2] || "blue")
.event("mouseover", function() {this.index++;})
.event("mouseout", function() {chr7.i(-1);})
.event("mousedown", pv.Behavior.select())
.event("select", function(d){
	//chr7.add(pv.Dot).left(20).top(220).anchor("right").add(pv.Label).text(function(d) "dotD");
	chr7.xactive(1);
	//chr7.clr("red");
	//var a = d; 
	//checkMe(a, this.index);
	});
   */ 

/* The x-axis. */
chr7.add(pv.Rule)
    //.visible(function() chr7.xactive() >= 0)
    .bottom(-1);
    
chr7.add(pv.Dot)
    //.visible(function() chr7.xactive() >= 0)
    .left(10)
    .bottom(0)
    .fillStyle("#ff7f0e")
    .strokeStyle("blue")
    .size(10);    

sacCer2overview.render();
</script>
</body>
</html>


